<#include "../common/_header.htm">
<div class="content-wrapper" style="margin-left: 0px">
	<section class="content">
		<div class="row">
			<div class="bill-right">
				<form id="listForm">
					<div class="box bg_gray">
						<div class="box-header">
							<div class="row RowSearchWork">
								<div class="col-sm-12">
									<div class="form-group">
										<div class="importti">
											<span class="importfont"><span class="sming"></span><span class="smtit">战法说明：该战法主要用于分析多个账号之间的共同交易账号，得出他们在某个时间段内的交易次数、交易金额等各种交易情况</span></span>
										</div>
				                        <div class="form-inline">
				                            <div class="form-group">
				                                <label class="control-label">交易日期</label>
				                                <input type="text" class="form-control form_datetime" id="starTime" placeholder="" />
				                            </div>
				                            <div class="form-group">
				                                <label class="control-label hidden-xs refsh"> 至 </label>
				                                <input type="text" class="form-control form_datetime" id="endTime" placeholder="" />
				                            </div>
				                            <div class="form-group bill-buttonarea ml10" >
												<input type="button" class="btn btn-primary" onclick="queryList();" value="分析" />
												<input type="button" class="btn btn-default" onclick="reset();" value="重置" />
												<input type="button" class="btn btn-primary daobtn" onclick="exportList();" value="导出" />
											</div>
				                        </div>

			                        </div>
								</div>
							</div>
						</div>
						<div class="box-body">

	                        <div class="casemanage-switchtip">
	                            <div class="casemanage-zhexiantu " :class="{active:showType==1}" @click="showType=1" onClick="showType(1)" title="切换为列表显示">
									<i class="casemanage-switchtip-list"></i><span>列表</span>
	                            </div>
	                            <div class="casemanage-list camanage-list" :class="{active:showType==0}" @click="showType=0" onClick="showType(0)"  title="切换为图表显示">
									<i class="casemanage-switchtip-chart"  id="font_zhexian"></i><span>图表</span>
	                            </div>
	                            <input type="hidden" id="showType" value="1"/>
	                        </div>
	                        <div v-show="!showType" style="height: 300px;margin: 10px 10px 30px;" id="mainShow">
	                            <div id="main" style="height:300px;"></div>
	                        </div>
	                        <div v-show="showType" id="tableShow">
								<div class="box-body table-responsive">
									<span id="spantitle" class="title"></span>
									<table id="dg"></table>
								</div>
	                        </div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</section>
</div>
<script type="text/javascript">
    function refreshSize(){
        var totolHeight =  document.documentElement.clientHeight;
        var height = totolHeight - 200;
        console.log(totolHeight + ' - ' + height);
        document.getElementById('dg').style.height = height+'px';
    };
    refreshSize();
    window.onresize = refreshSize;
	var caseId=parent.caseId;
		 $(window).resize(function(){
			$('#dg').datagrid('resize',{
                height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-35,
			});
		});
	function chickShowType(value){
        $("#showType").val(value);
        spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">同天同金额</a></span>');
        firstTable();
	}
    new Vue({
        el:".row",
        data:{
            showType:1
        }
    });
    $(".form_datetime").datepicker({
	    format: "yyyy-mm-dd",
	    autoclose: true,
	    language:'zh-CN',
	    pickerPosition:"bottom-left"
	});
    function showType(type) {
        if (type==1) {
            $("#showType").val("1");
            $("#tableShow").show();
            $("#mainShow").hide();
            firstTable();
        }else {
            $("#showType").val("0");
            $("#tableShow").hide();
            $("#mainShow").show();
            firstTable();
        }
    }
    var spantitle = $("#spantitle");
    spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">同天同金额</a></span>');
    window.onload= firstTable;
    function firstTable(){
    	let starTime = $.trim($("#starTime").val());
        let endTime = $.trim($("#endTime").val());
        let showType = $.trim($("#showType").val());
        $('#dg').datagrid({
            method : 'post', // 服务器数据的请求方式 get or post
            url:"${ctx}/commonDayAndMoney/getCommonDayAndMoney",//请求数据url
            queryParams : {
                checkedAccount:parent.parent._checkedAccount.join(','),
                starTime : starTime,
                endTime : endTime,
                caseId:caseId,
                showType : showType
            },
            height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-35,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行

            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'ariseDate',//域值
                    title: '共同日期',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ariseMoney',//域值
                    title: '共同金额',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                    formatter:function (value,row,index) {
                        if(!value) return 0;
                        if (Number.isInteger(value)) {
                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                    }
                },
                {
                    field: 'occurrences',//域值
                    title: '出现次数',//内容
                    visible: true,//false表示不显示
                    sortable: true,//启用排序
                    width : '10%'
                },
                {
                    field: 'ariseObject',//域值
                    title: '出现对象',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'sumMoney',//域值
                    title: '总金额',//内容
                    sortable: true,//启用排序
                    visible: true,//false表示不显示
                    width : '10%',
                    formatter: function(value, row, index){
                        if(!value) {
                            value = 0;
                        }
                        if (Number.isInteger(value)) {
                            value = value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            value = value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                        var html='<a href="javascript:void(0)" title="单机打开交易详情" onclick="showDetail(\''
                            +row.ariseDate+'\',\''
                            +row.ariseMoney+'\')">'+value+'</a>'
                        return html;
                    }
                }
            ]],
            onLoadSuccess: function (result) {
                var xAxis = result.rows.map(m => m.ariseDate);
                var echarts_data0 = result.rows.map(m => m.occurrences);
                var echarts_data1 = result.rows.map(m => m.ariseDate);
                var echarts_data2 = result.rows.map(m => m.ariseMoney);
                if ($("#showType").val()==0)  showEcharts4z('同天,同金额出现次数',xAxis,echarts_data0,"共同交易日期:",echarts_data1,"共同交易金额:",echarts_data2);
            },
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
        
	}
    function showDetail(ariseDate,ariseMoney){
        spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">同天同金额</a></span>').append('<span> > <a class="listap" style="cursor:pointer;" onclick="showDetail(\''+ariseDate+'\',\''+ariseMoney+'\')">交易详情</a></span>');
        let starTime = $.trim($("#starTime").val());
        let endTime = $.trim($("#endTime").val());
        var opt =$('#dg').datagrid('options');
        opt.sortName = "";
        opt.sortOder = "";
        $('#dg').datagrid({
            method : 'post', // 服务器数据的请求方式 get or post
            url: "${ctx}/commonAccount/billDetails",
            //请求数据url
            queryParams : {
                ariseDate: ariseDate,
                ariseMoney: ariseMoney,
                checkedAccount: parent.parent._checkedAccount.join(','),
                starTime: starTime,
                caseId:caseId,
                endTime: endTime
            },
            height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-35,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行

            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'accountBodyNumber',
                    //域值
                    title: '本人账号',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'accountBody',
                    //域值
                    title: '本人户名',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter:function (value,row) {
                        if (row.BODY_TYPE) {
                            return value+'<span class="badge" style="color: white;">'+row.BODY_TYPE +'</span>';
                        }else {
                            return value
                        }
                    }
                },
                {
                    field: 'accountBodyCard',
                    //域值
                    title: '本人卡号',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter: function(value, row, index){
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'accountRivalNumber',
                    //域值
                    title: '对方账号',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'accountRival',
                    //域值
                    title: '对方户名',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                },
                {
                    field: 'accountRivalCard',
                    //域值
                    title: '对方卡号',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter: function(value, row, index){
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'sign',
                    //域值
                    title: '存取',
                    //内容
                    visible: true,
                    //false表示不显示
                    formatter: function(value, row, index) {
                        if (value) {
                            return '支出';
                        } else {
                            return '收入';
                        }
                    }
                },
                {
                    field: 'accountMoney',
                    //域值
                    title: '发生额',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter:function (value,row,index) {
                        if(!value) return 0;
                        if (Number.isInteger(value)) {
                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                    }
                },
                {
                    field: 'surplusMoney',
                    //域值
                    title: '本次余额',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter:function (value,row,index) {
                        if(!value) return 0;
                        if (Number.isInteger(value)) {
                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                    }
                },
                {
                    field: 'tradeDate',
                    //域值
                    title: '交易日期',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter: function(value, row, index) {
                        return changeDateFormat(value)
                    }
                },
                {
                    field: 'contentAbstract',
                    //域值
                    title: '摘要',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'currency',
                    //域值
                    title: '币种',
                    //内容
                    visible: true,
                    //false表示不显示
                },{
                    field: 'ipAddress',
                    //域值
                    title: 'ip地址',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'remarks',
                    //域值
                    title: '交易备注',
                    //内容
                    visible: true,
                    //false表示不显示
                }
            ]],
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
    }
    function showAccountBody(bodynumber) {
        spantitle.append('<span> > <a class="listap" onclick="showAccountBody(\''+bodynumber+'\')" style="cursor:pointer;">'+bodynumber+'</a></span>');
        var opt =$('#dg').datagrid('options');
        opt.sortName = "";
        opt.sortOder = "";
        $('#dg').datagrid({
            method : 'post', // 服务器数据的请求方式 get or post
            url:"${ctx}/bill/stream/bank/body?bodyNumber="+bodynumber+"&casemanageId="+caseId,//请求数据url
            height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-35,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行

            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'ACCOUNT_BODY',//域值
                    title: '交易主体',//标题
                    visible: true,//false表示不显示
                    sortable: false,//启用排序
                    width : '10%',
                    formatter:function (value,row) {
                        if (row.BODY_TYPE) {
                            return value+'<span class="badge" style="color: white;">'+row.BODY_TYPE +'</span>';
                        }else {
                            return value
                        }
                    }
                },
                {
                    field: 'ACCOUNT_BODY_NUMBER',//域值
                    title: '交易主体账号',//内容
                    visible: true,//false表示不显示
                    width : '20%'
                },
                {
                    field: 'ACCOUNT_BODY_CARD',//域值
                    title: '交易主体卡号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                },
                {
                    field: 'SIGN',//域值
                    title: '收付标志',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    formatter: function(value, row, index){
                        if(value){
                            return '支出';
                        }else{
                            return '收入';
                        }
                    }
                },
                {
                    field: 'TRADE_DATE',//域值
                    title: '交易时间',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                    formatter: function(value, row, index) {
                        if (value){
                            return changeDateFormat(value)
                        } else {
                            return "";
                        }
                    }
                },
                {
                    field: 'ACCOUNT_RIVAL',//域值
                    title: '交易对手',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_RIVAL_NUMBER',//域值
                    title: '交易对手账号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                    formatter:function (value) {
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'ACCOUNT_RIVAL_CARD',//域值
                    title: '交易对手卡号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                    formatter:function (value) {
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'ACCOUNT_MONEY',//域值
                    title: '交易金额',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                },
                {
                    field: 'SURPLUS_MONEY',//域值
                    title: '交易后余额',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                },
                {
                    field: 'CONTENT_ABSTRACT',//域值
                    title: '摘要',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'TELLER_NUMBER',//域值
                    title: '柜员号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },{
                    field: 'TRADING_ORGANIZATION_NUMBER',//域值
                    title: '交易机构号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },{
                    field: 'INSTITUTION_NUMBER',//域值
                    title: '对方机构号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_BODY_BANK',//域值
                    title: '交易主体归属行',//内容
                    visible: true,//false表示不显示
                    width : '15%'
                },
                {
                    field: 'ACCOUNT_RIVAL_BANK',//域值
                    title: '交易对手归属行',//内容
                    visible: true,//false表示不显示
                    width : '15%'
                },
                {
                    field: 'ACCOUNT_ADDRESS',//域值
                    title: '交易地点',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_MODE',//域值
                    title: '交易方式',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'SERIAL_NUMBER',//域值
                    title: '交易流水号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'MAC_ADDRESS',//域值
                    title: 'MAC地址',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'IP_ADDRESS',//域值
                    title: 'IP地址',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'CURRENCY',//域值
                    title: '币种',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'REMARKS',//域值
                    title: '备注',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                }
            ]],
            onLoadSuccess: function (result) {
                $("span").click(function(){
                    $(this).nextAll("span").remove();
                });
            },
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
    }
	 /*bootstrap table*/
	 function queryList(){
		 if(parent.parent._checkedAccount.length < 2){
			 toastr.error("请选择两个或两个以上交易主题名单","提示信息");
			 return false;
		 }
         spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">同天同金额</a></span>');
         var opt =$('#dg').datagrid('options');
         opt.sortName = "";
         opt.sortOder = "";
         firstTable();
	 };
	 function reset(){
		 $("#starTime").val('');
		 $("#endTime").val('');
	 };
	 function exportList(){
    	 let accountRival = $.trim($("#accountRival").val());
    	 let starTime = $.trim($("#starTime").val());
    	 let endTime = $.trim($("#endTime").val());
		 window.location.href="${ctx}/commonDayAndMoney/exportCommonDayAndMoney?starTime="+starTime+"&endTime="+endTime+"&checkedAccount="+parent.parent._checkedAccount.join(',')+"&caseId="+caseId;
	 };
	 
	 /* 详情跳转 */
	 function billDetail(ariseDate,ariseMoney){
		 base.getView({
			url:"${ctx}/commonAccount/billDetailsGO?ariseDate="+ariseDate+"&ariseMoney="+ariseMoney+"&caseId="+caseId,
			success:function(result){
				bootbox.dialog({
					message:result,
					size:"large",
					boxCss:{"width":"1270px"},
					closeButton : true
				})
			}
		});
	 };
	//转换日期格式(时间戳转换为datetime格式)
    function changeDateFormat(cellval) {
        var dateVal = cellval + "";
        if (cellval != null) {
            var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
            var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
            var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            
            var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
            var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
            
            return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
        }
    }
    /*列显示下拉框*/
    var cmenu;
    function createColumnMenu(){
        cmenu = $('<div/>').appendTo('body');
        cmenu.menu({
            onClick: function(item){
                if (item.iconCls == 'icon-ok'){
                    $('#dg').datagrid('hideColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-empty'
                    });
                } else {
                    $('#dg').datagrid('showColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-ok'
                    });
                }
            }
        });
        var fields = $('#dg').datagrid('getColumnFields');
        for(var i=0; i<fields.length; i++){
            var field = fields[i];
            var col = $('#dg').datagrid('getColumnOption', field);
            cmenu.menu('appendItem', {
                text: col.title,
                name: field,
                iconCls: 'icon-ok'
            });
        }
    };
</script>
<style>
	label.control-label.hidden-xs.refsh {
		margin-left: -6px;
	}
	.box-body{
		padding-left: 5px;
		padding-right: 0;
	}
	.content{
		padding-top: 0;
		padding-bottom: 0;
	}
	content-wrapper{
		padding-top: 0;
	}
	input#starTime{
		width: 120px;
		height: 30px;
		border-radius: 0;
	}
	input#endTime{
		width: 120px;
		height: 30px;
		border-radius: 0;
	}
	input.btn.btn-primary {
		width: 70px;
		height: 30px;
		line-height: 12px;
	}
	input.btn.btn-default{
		width: 70px;
		height: 30px;
		line-height: 12px;
	}
	input.btn.btn-primary.daobtn{
		background-color: #23B7E5;
		border-color: #23B7E5
	}
	.camanage-list{
		border-radius: 0 4px 4px 0;
	}
	.casemanage-switchtip {
		display: block;
		position: fixed;
		right: -10px;
		top: 52px;
	}
	.content-wrapper {
		padding:10px;
	}
	.casemanage-switch {
		margin-right: 50px!important;
	}
	.box-header .row label{
		margin-right: 5px;
		color: #6f7689;
		font-size: 13px;
		font-weight: 400;
	}
	.badge{
		background-color: #f7051f;
	}
	.form-control{
		font-size: 12PX;
	}
	.box-header .form-group{
		margin-right: 6px;
	}
	label.control-label.hidden-xs.form_z {
		margin-right: 6px;
		margin-left: -6px;
	}
	.bill-buttonarea .btn{
		margin-right: 12px;
		width: 70px;
	}
	.btn-primary:active:focus{
		background-color: #4695ed;
		border-color: #4695ed;
	}
	.casemanage-switch .casemanage-zhexiantu.active {
		background-color: #4695ed;
	}
	.casemanage-switch .casemanage-zhexiantu {
		background-color: #f2f6f9;
		float: left;
		width: 50px;
		height: 35px;
		display: block;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		line-height: 35px;
		text-align: center;
	}
	#font_zhexian{
		color: #C1C2C3;
		font-size: 18px;
	}
	#font_zhexian.active{
		color: #F4F9FE;
	}
	.box{
		padding: 0;
		margin-bottom: 0;
	}
	.box-body .title{
		font-size:14px;
		font-weight:800;
		line-height:30px;
	}
	.box-body{
		padding-bottom: 0;
	}
	.box-body .casemanage-switch{
		margin:0;
	}
	.btn-primary{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
		background: #61a8f5;
		border-color: #61a8f5;
	}
	.btn-primary.focus, .btn-primary:focus{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.form-control{
		border-radius:4px;
		border-color: #e4e4e4;
	}
	.input-group .form-control:first-child{
		border-top-right-radius:4px;
		border-bottom-right-radius: 4px;
	}
	.form-control:focus{
		border-color:#4695ed;
	}
	.form-control:hover{
		border-color:#4695ed;
	}
</style>
</body>
</html>